UBB.Developers Forums Community Development Programming HTML, CSS, and JavaScript [CSS] a:visited:hover and IE

I have been having problems with getting a visited link to changed when hovered over in IE. It works just fine in Firefox. When I look at it in IE, the hover works before it is visited, but not after. Here are some snippets of code from different links:

.nav a { margin: 0px; text-decoration: none; color: #FFFFFF; font-weight: bold; }
.nav a:hover { margin: 0px; text-decoration: none; color: #FDE892; font-weight: bold; }
.nav a:visited:hover { margin: 0px; text-decoration: none; color: #FDE892; font-weight: bold; }
.nav a:visited { margin: 0px; text-decoration: none; color: #FFFFFF; font-weight: bold; }


<--and another snippet-->

a.bl { margin: 0px; text-decoration: none; color: #FFFFFF; font-size: 10pt; font-weight: bold; }
a:active.bl { margin: 0px; text-decoration: none; color: #FFFFFF; font-size: 10pt; font-weight: bold; }
a:hover.bl { margin: 0px; text-decoration: none; color: #CF3600; font-size: 10pt; font-weight: bold; }
a:visited:hover.bl { margin: 0px; text-decoration: none; color: #CF3600; font-size: 10pt; font-weight: bold; }
a:visited.bl { margin: 0px; text-decoration: none; color: #FFFFFF; font-size: 10pt; font-weight: bold; }

<---and another...---->

a { color: #F36D00; font-weight: normal; }
a:hover { color: #F7B942; font-weight: normal; }
a:visited:hover { color: #F7B942; font-weight: normal; }
a:visited { color: #F36D00; font-weight: normal; }


None of them seem to hover visited in IE.
Thanks for any help!!!!

I think this:

.nav a:visited

listed after this:

.nav a:visited:hover

takes precedence... try moving the a:visited higher in the lists and see if it helps

Thanks! I got the same answer on another board, too. It works well!